<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"> 

<ui:composition template="/_documento.xhtml">
	<ui:define name="corpo">

		<div id="conteudo">
		
		<h2>
					<h:outputText value="Cadastrar Documento"
						rendered="#{empty documentoBean.documento.id}" />
				</h2>	

			<div align="center">
				<h:form style="float: right; text-align: right;">
					<h:commandLink action="formCadCarta.xhtml?faces-redirect=true" style="text-decoration: none;" title="Cadastrar Carta">&nbsp;
						<h:graphicImage value="/resources/imagens/carta44.png" style="width: 50px;" alt="Cadastrar Carta" />
					</h:commandLink>&nbsp;&nbsp;&nbsp;
				</h:form><br /><br />
			</div>	
						
			<h:form>
				
				<p:messages id="msg" />	
				
				<h:panelGrid columns="3">
				
				<p:fieldset legend="Dados do Documento" toggleable="true" style="background-image: url(resources/imagens/72.jpg);">
				
					<h:outputText value="Autor: " rendered="#{empty funcionarioBean.funcionario.nome}" style="font-weight:bold;" />
					<h:outputText value="#{loginBean.funcionario.nome}" style="font-weight:bold;" /><br /><br />

					<h:outputLink value="javascript:void(0)" onclick="dlgTipo.show();">
						<h:outputLabel value="Tipo de Documento: " />
					</h:outputLink>
					<p:inputText id="tipo" required="true" requiredMessage="Preencha o campo Tipo de Documento" 
						value="#{documentoBean.documento.tipo.nome}"
						onclick="dlgTipo.show();" rendered="true" onchange="handler">
					</p:inputText>
					<br />

					<h:outputLabel value="Número: " for="numero"  />
					<p:inputMask  id="numero" value="#{documentoBean.documento.numero}" required="true" requiredMessage="Informe o Número" mask="9999/9999">
							<f:ajax event="change" />
					</p:inputMask>
					<h:outputText value="Número/Ano(4 digitos)"  style="color: blue; padding: 0px 140px;"  /><br />
					<h:outputText value="   0001/2012"  style="color: blue; padding: 0px 140px;"  />
					<br /><br />
					
					<h:outputLabel value="Data de Criação: " for="data" />

					<h:outputText id="data" value="#{documentoBean.documento.data.time}" >
						<f:convertDateTime pattern="dd/MM/yyyy" timeZone="America/Sao_Paulo" locale="pt_BR" />
					</h:outputText><br /><br />

<!-- 					Mudança de assunto para assunto / objeto -->
					<h:outputLabel value="Assunto / Objeto: " for="assunto" />
					<p:inputText id="assunto" value="#{documentoBean.documento.assunto}" style="width: 300px;" required="true" requiredMessage="Informe o Assunto">
							<f:ajax event="change" />
					</p:inputText><br />
					
					<h:outputLabel value="Descrição: " for="descricao" />
					<p:inputTextarea id="descricao" value="#{documentoBean.documento.descricao}" rows="5" cols="30" required="true" requiredMessage="Informe a Descrição">
						<f:ajax event="change" />
					</p:inputTextarea>
										
					<br />

					<p:commandButton value="Cadastrar" ajax="false" action="#{documentoBean.grava}" image="ui-icon-disk">
						<f:ajax render="@all" />
					</p:commandButton>
					
					<p:button id="cancela" type="reset" value="Limpar" />

				</p:fieldset>

				</h:panelGrid>
				
				</h:form>				
						
			<p:dialog header="Tipo de Documento" widgetVar="dlgTipo" modal="true"
				width="300" showEffect="clip" resizable="false">
				<h:form id="form1">

					<p:outputPanel id="tipos">
					
						<p:dataTable value="#{tipoDocumentoBean.tipos}" var="tipo"
							paginator="true" rows="4" dynamic="true" emptyMessage="Não Encontrado">	
								

							<p:column filterBy="#{tipo.nome}" filterMatchMode="contains"
								headerText="Tipo de Documento" sortBy="#{tipo.nome}">								
								<h:commandLink value="#{tipo.nome}">
									<f:setPropertyActionListener target="#{documentoBean.documento.tipo}" value="#{tipo}" />
								</h:commandLink>
							</p:column>
							
						</p:dataTable>

					</p:outputPanel>

				</h:form>
			</p:dialog>			
						
		</div>

	</ui:define>
</ui:composition>

</html>
